<script setup lang="ts">
//行为
import { onMounted,ref } from 'vue';
//指定模板引用类型 HTMLAnchorElement | null
const inputRef = ref<HTMLAnchorElement | null>(null)

onMounted(()=>{
  console.log(inputRef.value);
  //组件挂载完成之后，自动获取焦点
  //推荐写法 ？.
  inputRef.value?.focus()


// if(inputRef.value){
//   //获取组件的文本内容
//   inputRef.value.focus()
// }

//非空断言，小心使用
// inputRef.value!.focus()



})


</script>

<template>
<!--结构 -->
<h1>Hello Vue3</h1>
<input type="text" ref="inputRef">
<a href="https://itheima.com">黑马</a>
</template>

<style scoped>
/*样式*/
</style>